<template>
    <div>
        <!-- 使用全局组件 -->
        <globalCom></globalCom>
        <!-- 使用局部组件 -->
        <child :count="count" @transfer="getvalue"></child>
        <button @click="count++">count++</button>
    </div>
</template>

<script setup>
// 导入局部组件
import child from '@/components/child.vue'
import { ref } from 'vue'
const count = ref('warning')

const getvalue = (data) => {
    console.log('data', data);
}
</script>
<style scoped>

</style>